<template>
	<view>
		<!-- 导航 -->
		<view class="nav">
			<view class="nav-left">
				<text class="iconfont icon-zuo"></text>
			</view>
			<view class="nav-center">
				图标管理
			</view>
		</view>
		<!-- 头部 -->
		<view class="top">
			点击图标可选中，再次点击可取消
		</view>
		<!-- 图标 -->
		<view class="icon">
			<view class="icons">
				<view :class="isShow==true?'icon-box bor':'icon-box'" @click="isShow=!isShow">
					<image src="../../static/images/2.png" mode=""></image>
				</view>
			</view>
			<view class="icons">
			<view :class="isShow==true?'icon-box bor':'icon-box'" @click="isShow=!isShow">
				<image src="../../static/images/15.png" mode=""></image>
			</view>
			</view>
			<view class="icons">
			<view :class="isShow==true?'icon-box bor':'icon-box'" @click="isShow=!isShow">
				<image src="../../static/images/9.png" mode=""></image>
			</view>
			</view>
			<view class="icons">
			<view :class="isShow==true?'icon-box bor':'icon-box'" @click="isShow=!isShow">
				<image src="../../static/images/3.png" mode=""></image>
			</view>
			</view>
			<view class="icons">
			<view :class="isShow==true?'icon-box bor':'icon-box'" @click="isShow=!isShow">
				<image src="../../static/images/5.png" mode=""></image>
			</view>
			</view>
			<view class="icons">
			<view :class="isShow==true?'icon-box bor':'icon-box'" @click="isShow=!isShow">
				<image src="../../static/images/11.png" mode=""></image>
			</view>
			</view>
		</view>
		
		<!-- 空 -->
		<view class="hui">
			
		</view>
		<!-- 底部 -->
		<view class="btm">
			<view class="left">
				全部
			</view>
			<view class="rig">
				<view class="one">
					已选择3个
				</view>
				<view class="two">
					删除
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				isShow:false
			};
		}
	}
</script>

<style lang="less">
@import url(./eniticon.less);
</style>
